<template>
  <div class="a">
    <h1>A组件</h1>
    <p>refreshData：{{ refreshData }}</p>
    <p>x：{{ x }}</p>
    <p>y：{{ y }}</p>
    <p>z：{{ z }}</p>
    <attrs-b :x="x" :y="y" :z="z" @refresh="handleRefresh" />
  </div>
</template>
<script>
import AttrsB from "./AttrsB.vue";
export default {
  components: { AttrsB },
  data() {
    return {
      refreshData: "",
      x: "xxx",
      y: "yyy",
      z: "zzz",
    };
  },
  methods: {
    handleRefresh(data) {
      console.log("刷新", data);
      this.refreshData = data;
    },
  },
};
</script>
